﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/m_ektz.css">
    <title>赛事要闻</title>
    <style>
        .news-box {
            width: 18rem;
            min-height: 21.4rem;
            background: rgba(255,255,255,1);
            box-shadow: 0rem 0rem 0rem rgba(149,50,86,0.43);
            border-radius: 0.4rem;
            margin: 0 auto;
        }
        .news-box ul{
            margin-top: .3rem;
            padding-left: .3rem;
            padding-right: .3rem;
        }
        .news-box li .news-item {
            height: 5rem;
            padding: .2rem;
            border-bottom: .05rem solid #ABABAB;
        }
        .news-box li:last-child .news-item {
            border: none;
        }
        .news-box .news-item .news-cover {
            width: 6rem;
            height: 5rem;
            padding: .5rem;
            padding-left: 0;
            display: inline-block;
            float: left;
        }
        .news-box .news-item .news-cover img {
            background-color: #F0F0F0;
            width: 5rem;
            height: 4rem;
        }
        .news-box .news-item .news-content {
            padding: .5rem;
            padding-right: 0;
        }
        .news-box .news-item .news-content .news-title {
            height:1.2rem;
            font-size:.85rem;
            font-family:PingFangSC-Medium;
            color:rgba(55,55,55,1);
            line-height:1.2rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }
        .news-box .news-item .news-content .news-intro{
            height:1.5rem;
            font-size:.6rem;
            font-family:FZLTHJW--GB1-0;
            color:rgba(102,97,97,1);
            line-height:.75rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin-top: .3rem;
            margin-bottom: .3rem;
        }
        .news-box .news-item .news-content .news-pubdate{
            height:.9rem;
            font-size:.65rem;
            font-family:PingFangSC-Regular;
            color:rgba(102,97,97,1);
            line-height:.9rem;
            text-align: right;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="full-index-page">
        <header>
            <div class="logo">
                <img src="images/index/logo.png">
            </div>
            <div class="logo2">
                <img src="images/index/slogan.png">
            </div>
        </header>
        <div class="top-bar">
            <img src="images/index/top_bar.png">
        </div>
        <div class="index-body">
            <div class="news-box">
                <ul>
                    <script type="text/tmp" id="newsList">
                    <li>
                        <a href="news_detail.html?newsId={{:id}}">
                            <div class="news-item">
                                <div class="news-cover">
                                    <img src="{{:img}}" alt="">
                                </div>
                                <div class="news-content">
                                    <div class="news-title">{{:title}}</div>
                                    <div class="news-intro">{{:matchName}}</div>
                                    <div class="news-pubdate">{{:formatTime}}</div>
                                </div>
                            </div>
                        </a>
                    </li>
                    </script>
                </ul>
            </div>
        </div>
        <div class="footer" style="margin-top: 0;">
            <img src="images/index/foot_banner.png">
        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-mvalidate.js"></script>
<script src="js/weui.min.js"></script>
<script src="js/api.js"></script>
<script src="js/action.js"></script>
<script src="js/jsrender.js"></script>
<script>News.init()</script>
</html>